<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  <title>信易游</title>
  <link href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/mui/3.4.0/css/mui.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/mui/3.4.0/js/mui.min.js"></script>
  <link href="./css/index/style.css" rel="stylesheet">
  <script type="text/javascript">
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth
          if (!clientWidth) return
          docEl.style.fontSize = 75 * (clientWidth / 375) + 'px'
        }
      if (!doc.addEventListener) return
      win.addEventListener(resizeEvt, recalc, false)
      doc.addEventListener('DOMContentLoaded', recalc, false)
    })(document, window)
  </script>
</head>
<body>
<div class="index-box">
  <!--banner区域-->
  <div class="banner">
    <div class="banner-title-top">信易游</div>
    <div class="banner-title-bottom">即刻出发 · 优享服务</div>
    <div class="banner-box">
      <div class="banner-box-one banner-box-left">
        <img src="./images/icon_rent.png" alt="">
        <p>免费租赁</p>
      </div>
      <div class="banner-box-one banner-box-right">
        <img src="./images/icon_receive.png" alt="">
        <p>免费领取</p>
      </div>
    </div>
  </div>
  <!--内容-->
  <div class="home-container">
    <div class="container">
      <div class="container-title">
        <div class="title">途居露营地</div>
        <div class="address">
          <img src="./images/icon_location.png" alt="" class="address-icon">
          芜湖市经济开发区房车营 测试的地址
        </div>
      </div>
    </div>
    <div class="container-image">
      <img src="./images/images_camp.png" alt="">
    </div>
    <div class="container-service">
      <div class="service-desc">房车露营享受世界的另一种方式</div>
      <a class="service-btn" href="shop.html">申请服务</a>
    </div>
  </div>

  <div class="home-container">
    <div class="container">
      <div class="container-title">
        <div class="title">途居露营地</div>
        <div class="address">
          <img src="./images/icon_location.png" alt="" class="address-icon">
          芜湖市经济开发区房车营 测试的地址
        </div>
      </div>
    </div>
    <div class="container-image">
      <img src="./images/images_library.png" alt="">
    </div>
    <div class="container-service">
      <div class="service-desc">房车露营享受世界的另一种方式</div>
      <a class="service-btn" href="shop.html">申请服务</a>
    </div>
  </div>

  <div class="home-container">
    <div class="container">
      <div class="container-title">
        <div class="title">途居露营地</div>
        <div class="address">
          <img src="./images/icon_location.png" alt="" class="address-icon">
          芜湖市经济开发区房车营 测试的地址
        </div>
      </div>
    </div>
    <img src="./images/images_camp.png" alt="" class="container-image">
    <div class="container-service">
      <div class="service-desc">房车露营享受世界的另一种方式</div>
      <a class="service-btn" href="shop.html">申请服务</a>
    </div>
  </div>
  <!--提示盒子区域-->
  <a class="tips" id="block" href="apply_list.html">
    <div class="tips-number">+2</div>
    <div class="tips-desc">进行中</div>
  </a>
</div>

</body>
<script src="./js/index/index.js" type="text/javascript"></script>
</html>